﻿<phone:PhoneApplicationPage 
    x:Class="QuickTasks.AddPeople"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
   xmlns:my="clr-namespace:Microsoft.Advertising.Mobile.UI;assembly=Microsoft.Advertising.Mobile.UI" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     xmlns:phone1="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls"
      xmlns:toolkit="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone.Controls.Toolkit"
    xmlns:wb="clr-namespace:QuickTasks"

    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait" Orientation="Portrait"
    mc:Ignorable="d" d:DesignHeight="728" d:DesignWidth="480"
    shell:SystemTray.IsVisible="False" Loaded="PhoneApplicationPage_Loaded">

    <!--LayoutRoot is the root grid where all page content is placed-->
    <Grid x:Name="LayoutRoot"  >
       
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

      
        
        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel Orientation="Horizontal"  Grid.Row="0" Margin="12,17,0,28">
            <TextBlock x:Name="ApplicationTitle" Style="{StaticResource PhoneTextNormalStyle}"/>
            
        </StackPanel>

        <!--ContentPanel - place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1"  Margin="12,0,12,0">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>
           
            <StackPanel Orientation="Horizontal" Grid.Row="0" >
                
                <TextBlock Text="Name"  Width="150" FontSize="28"  Margin="20,0,0,0"/>
                <TextBlock Text="Required"  FontSize="28"  Foreground="Red" x:Name="tblkNameValidation" Visibility="Collapsed"/>
            </StackPanel>
            
            <StackPanel Orientation="Horizontal" Grid.Row="1">
                <TextBox x:Name="tbxName"  InputScope="Text" Width="400"  Margin="6,0,0,0" />
            <wb:ThemeableImage Source="/Images/mobilechoose.png"  Width="48" Height="48" MouseLeftButtonDown="ThemeableMobileChooseImagecont_MouseLeftButtonDown"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Grid.Row="2">
                <TextBlock Text="Mobile"  Width="150" Grid.Row="2" FontSize="28" Margin="20,0,0,0"/>
                <TextBlock Text="Required" FontSize="28" Foreground="Red" x:Name="tblkMobileValidation" Visibility="Collapsed"/>
                <TextBlock Text="Contact already exists" FontSize="28" Foreground="Red" x:Name="tblkMobileValidation1" Margin="-100,0,0,0" Visibility="Collapsed"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Grid.Row="3">
                <TextBox x:Name="tbxmobile"  Grid.Row="3" InputScope="TelephoneNumber" Width="400" Margin="10,0,0,0"  />
                <wb:ThemeableImage Source="/Images/mobilechoose.png"  Width="48" Height="48" MouseLeftButtonDown="ThemeableMobileChooseImage_MouseLeftButtonDown"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Grid.Row="4">
                <TextBlock Text="Home"  FontSize="28" Margin="20,0,0,0"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Grid.Row="5">
                <TextBox x:Name="tbxHome"  InputScope="TelephoneNumber" Width="400"  Margin="10,0,0,0"/>
                <wb:ThemeableImage Source="/Images/mobilechoose.png"  Width="48" Height="48" MouseLeftButtonDown="ThemeableImage_MouseLeftButtonDown"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Grid.Row="6">
                <TextBlock Text="Work"   FontSize="28" Margin="20,0,0,0"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Grid.Row="7">
                <TextBox x:Name="tbxWork"  InputScope="TelephoneNumber"  Width="400"  Margin="10,0,0,0"/>
                <wb:ThemeableImage Source="/Images/mobilechoose.png"  Width="48" Height="48" MouseLeftButtonDown="ThemeableImage_MouseLeftButtonDown_1"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Grid.Row="8">
                <TextBlock Text="Email ID"  Width="150" FontSize="28" Margin="20,0,0,0"/>
                <TextBlock FontSize="28" Foreground="Red" x:Name="tblkEmailValidation" Visibility="Collapsed"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Grid.Row="9">
                <TextBox x:Name="tbxEmailId"  Width="400" InputScope="EmailNameOrAddress"  Margin="10,0,0,0"/>
                <wb:ThemeableImage Source="/Images/emialchoose.png"  Width="48" Height="48" MouseLeftButtonDown="ThemeableEmailChooseImage_MouseLeftButtonDown"/>
            </StackPanel>
        
            <my:AdControl ApplicationId="837a23be-84f9-49b5-8aee-7b64ff04497a" AdUnitId="33457" Margin="-15,20,0,0" IsAutoRefreshEnabled="True" BorderBrush="Black"  Height="80" Width="480" Name="adControl1" Grid.Row="11"  />
        </Grid>
    </Grid>
    <!--Sample code showing usage of ApplicationBar-->
    <phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True"   IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/Images/appbar.save.rest.png" Text="save" Click="ApplicationBarsaveButton_Click"/>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>

</phone:PhoneApplicationPage>


